/**
 * ################
 * #######湖泊######
 * ################
 */
import { pointFeatureStyle, initCenter } from '../../common'
import point from '../../../map/vuex/point'
import glint from '../../../map/vuex/glint'
import Vue from 'vue'
const riverSystem = {
  // 该配置描述描点ID
  id: 'riverSystem',
  // 名称
  name: '湖泊水情',
  // 应该使用的图标
  icon: '/static/icon/hupo-01.png',
  // 应该使用的图标（矢量）
  'icon-svg': '/static/svg/hupo-01.svg',
  // 应该使用的图标-激活
  iconH: '/static/icon/hupo-H-01.png',
  // 是否显示（初始化时是否隐藏）
  isShow: true,
  // 主键
  primaryKey: 'STCD',
  /**
   * 事件回调函数
   * @param eventName 触发事件名称
   * @param param 传递参数
   */
  triggeCallback: function (eventName, isShow, features) {
    console.log(features)
    // 当事件为图层可见状态发生变化时
    if (eventName === 'layer-visible-change') {
      const { $vuexStore: vuex } = Vue.prototype
      if (isShow) {
        vuex.dispatch('setView', initCenter)
      }
      if (!isShow) {
        features = null
        glint.state.points = []
      }
      point.points(isShow, glint.state.points)
    }
  },
  // 做为要素在地图上显示的样式
  featureStyle: function (feature, resolution) {
    let les = ''
    if (feature.get('le') === '0') {
      les = '0米'
    } else if (typeof feature.get('le') !== 'undefined') {
      les = feature.get('le') + '米'
    }
    return pointFeatureStyle(
      '/static/icon/hupo-01.png',
      feature.get('stnm') + '   ' + les,
      feature,
      resolution
    )
  },
  // 做为要素在地图上被激活的样式
  featureStyle_H: function (feature, resolution) {
    let les = ''
    if (feature.get('le') === '0') {
      les = '0米'
    } else if (typeof feature.get('le') !== 'undefined') {
      les = feature.get('le') + '米'
    }
    return pointFeatureStyle(
      '/static/icon/hupo-H-01.png',
      feature.get('stnm') + '   ' + les,
      feature,
      resolution
    )
  },
  // 地图描点数据来源
  src: '/ssjc/River/RiverLive?isGeo_=true&typeKey_=river&longitudeKey_=lng&latitudeKey_=lat'
  // 列表数据来源

}
export default riverSystem
